$('.tip').hide();
$('.shoppingcar').hover(function(){
    $('.shoppingcar').css('background-color','white');
    $('.shoppingcar a span').css('color','rgb(255,103,0)')
    $('.shoppingcar a div').css('background-image','url("购物车.png")')
    $('.tip').slideDown(300);
},function(){
    $('.tip').slideUp(300);
    $('.shoppingcar').css('background-color','#424242');
    $('.shoppingcar a span').css('color','rgb(176,176,176)')
    $('.shoppingcar a div').css('background-image','url("购物车1.png")')
})
// --------输入框---------------
$('.input>.span>.tip_1').hover(function(){
        $('.input>.span>.tip_1').css('background-color','rgb(255,103,0)')
},function(){
         $('.input>.span>.tip_1').css('background-color','#eee')
})
$('.input>.span>.tip_2').hover(function(){
        $('.input>.span>.tip_2').css('background-color','rgb(255,103,0)')
},function(){
         $('.input>.span>.tip_2').css('background-color','#eee')
})
$('.search').hover(function(){
        $('.search').css('background-color','rgb(255,103,0)');
},function(){
        $('.search').css('background-color','');
})
$('input').click(function(){
    $('.input>.span>span').fadeOut(300);
})
$('.product_pic').hide();
$('.product ul li').mouseenter(function(){
        $(this).css('color','rgb(255,103,0)').siblings().css('color','black');
        if($(this).index()>6){
                $('.product_pic').stop().slideUp(500);
        }else{
                $('.product_pic').stop().slideDown(500);
        }
        $('.product_pic>div').eq($(this).index()).show().siblings().hide();
        $('.menu').css('z-index','-1');
})
$('.product').mouseleave(function(){
        $('.product ul li').css('color','black')
        $('.product_pic').stop().slideUp(1000);
        // $('.menu').css('z-index','-1');
})
$('.product_pic').hover(function(){
        $('.product_pic').stop().slideDown(500);
},function(){
        $('.product_pic').stop().slideUp(500);
})
// ----------------------轮播图--------------------------
var index = 0;
function next(){
        index = index==5?0:index+1;
        show();
}
function prev(){
        index = index==0?5:index-1;
        show();
}
function show(){
        $('main>.container>#lbt>ul>li').eq(index).show().siblings().hide();  
        $('.point>li').eq(index).addClass('active').siblings().removeClass('active');
}
var timer = setInterval(next,1000);
$('main>.container>#lbt').hover(function(){
        clearInterval(timer);
},function(){
        timer = setInterval(next,1000);
})
$('.point>li').hover(function(){
        index = $(this).index();
        show();
})
$('.change>span').hover(function(){
        $('.change>span').addClass('color');
        console.log($('.change>span'));
},function(){
         $('.change span').removeClass('color');
})
$('.left').click(function(){
        next();
})
$('.right').click(function(){
        next();
})
// 导航栏旁边的二级菜单---------------------

// $('.menu-list>li').hover(function(){
//         $(this).addClass('goldyellow').siblings().removeClass('goldyellow');
//         $('.second-menu>ul').eq($(this).index()).show().siblings().hide();
//         $('#lbt').css('z-index','-1');
// },function(){
//         $('.menu-list>li').removeClass('goldyellow');
//         $('#lbt').css('z-index','0');
//         $('.second-menu>ul').hide();
// })
// 二级菜单------------------------------------
        var num = 0;
        $('.second-menu>ul').hide();
        $('.menu-list>li').mouseenter(function(){
        $(this).addClass('goldyellow').siblings().removeClass('goldyellow');
        $('.second-menu>ul').eq($(this).index()).show().siblings().hide();
        $('.second-menu>ul').eq($(this).index()).css('background-color','white');
        $('#lbt').css('z-index','-1')
                num = $(this).index();
        });
        $('.menu-list').mouseleave(function(){
        $('.menu-list>li').removeClass('goldyellow');
        $('#lbt').css('z-index','auto');
        $('.second-menu>ul').hide();
        })
        $('.second-menu').hover(function(){
                $('.second-menu>ul').eq(num).show();
        },function(){
                $('.second-menu>ul').hide();
        })
// ------------------------------------star------------------------------------------
        function transition(){
        $('.more').css('color','black');
        $('.less').css('color','#eee')
        $('.star-list').animate({
                left:-1226
        })
        $('.star-list2').animate({
                left:0
        })
        timer2 = setTimeout(back,1500);
        } 
        function back(){
        $('.less').css('color','black');
        $('.more').css('color','#eee')
        $('.star-list').animate({
                left:0
        })
        $('.star-list2').animate({
                left:1226
        })
        } 
        timer1 = setInterval(transition,3000);
        if($('.more').css('color','black')){
                $('.more').hover(function(){
                $('.more').css('color','#ff6700')
                 $('.more').click(function(){
                        transition();
                })
                },function(){
                $('.more').css('color','eee')  
                })
        }else{
                $('.more').hover(function(){
                $('.more').css('color','#eee')
                })
        }
        if($('.less').css('color','black')){
                $('.less').hover(function(){
                $('.lss').css('color','#ff6700')
                $('.less').click(function(){
                        back();
                })
                },function(){
                $('.less').css('color','#eee')  
                })
        }else{
                $('.less').hover(function(){
                $('.lss').css('color','#eee')
                },function(){
                $('.less').css('color','#eee')  
                })
        }
        // -------------------------------家电---------------------------
        $('.appliances-title>span').hover(function(){
                $(this).css('color','#ff6700').siblings().css('color','black');
                $(this).css('border-bottom','3px solid #ff6700').siblings().css('border-bottom','none');
                $('.appliances-list>div>ul').eq($(this).index()).show();
        },function(){
                // $('.appliances-title>span').css('color','black');
                // $('.appliances-title>span').css('border-bottom','none');
        })
        





        $('.appliances-list>div>ul>li:nth-child(3)').hover(function(){
                $('.appliances-list>div>ul>li:nth-child(3)>section').stop().animate({
                        top:220
                },500)
        },function(){
                $('.appliances-list>div>ul>li:nth-child(3)>section').stop().animate({
                        top:300
                },500)
        })      



       $('.appliances-list>div>ul>li:nth-child(6)').hover(function(){
                $('.appliances-list>div>ul>li:nth-child(6)>section').stop().animate({
                        top:220
                },500)
        },function(){
                $('.appliances-list>div>ul>li:nth-child(6)>section').stop().animate({
                        top:300
                },500)
        })
        $('.appliances-list>div>.audio>li:nth-child(7)').hover(function(){
                $('.appliances-list>div>.audio>li:nth-child(7)>section').stop().animate({
                        top:220
                },500)
        },function(){
                $('.appliances-list>div>.audio>li:nth-child(7)>section').stop().animate({
                        top:300
                },500)
        })
        $('.appliances-list>div>.audio>li:nth-child(5)').hover(function(){
                $('.appliances-list>div>.audio>li:nth-child(5)>section').stop().animate({
                        top:220
                },500)
        },function(){
                $('.appliances-list>div>.audio>li:nth-child(5)>section').stop().animate({
                        top:300
                },500)
        })
        $('.appliances-list>div>.audio>li:nth-child(4)').hover(function(){
                $('.appliances-list>div>.audio>li:nth-child(4)>section').stop().animate({
                        top:220
                },500)
        },function(){
                $('.appliances-list>div>.audio>li:nth-child(4)>section').stop().animate({
                        top:300
                },500)
        })
        $('.appliances-list>div>.audio>li:nth-child(3)').hover(function(){
                $('.appliances-list>div>.audio>li:nth-child(3)>section').stop().animate({
                        top:220
                },500)
        },function(){
                $('.appliances-list>div>.audio>li:nth-child(3)>section').stop().animate({
                        top:300
                },500)
        })
        $('.appliances-list>div>.audio>li:nth-child(2)').hover(function(){
                $('.appliances-list>div>.audio>li:nth-child(2)>section').stop().animate({
                        top:220
                },500)
        },function(){
                $('.appliances-list>div>.audio>li:nth-child(2)>section').stop().animate({
                        top:300
                },500)
        })
        $('.appliances-list>div>.computer>li:nth-child(1)').hover(function(){
                $('.appliances-list>div>.computer>li:nth-child(1)>section').stop().animate({
                        top:220
                },500)
        },function(){
                $('.appliances-list>div>.computer>li:nth-child(1)>section').stop().animate({
                        top:300
                },500)
        })
        $('.appliances-list>div>.computer>li:nth-child(3)').hover(function(){
                $('.appliances-list>div>.computer>li:nth-child(3)>section').stop().animate({
                        top:220
                },500)
        },function(){
                $('.appliances-list>div>.computer>li:nth-child(3)>section').stop().animate({
                        top:300
                },500)
        })
        $('.appliances-list>div>.computer>li:nth-child(7)').hover(function(){
                $('.appliances-list>.computer>li:nth-child(7)>section').stop().animate({
                        top:220
                },500)
        },function(){
                $('.appliances-list>div>.computer>li:nth-child(7)>section').stop().animate({
                        top:300
                },500)
        })
        $('.appliances-title>span').hover(function(){ 
        $('.appliances-list>div>ul').eq($(this).index()).show().siblings().hide();
        })




        
        $('.capacity>.capacity-list>ul>li').hover(function(){
               $(this).find('section').stop().animate({
                        top:240
                })
                
        },function(){
               $(this).find('section').stop().animate({
                        top:300
                })
        })
        
         
